<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用Jq来禁止按钮</title>
		<script src="js/jquery.min.js"> </script>
	</head>
	<body>
		<button id="zfb" onclick="play()">支付宝支付按钮</button>
		<button id="zfbrh"onclick="play()">支付宝二号支付按钮</button>
		<script>
			//直接在标签上些事件,前期绑定事件
			//点击按钮来操作 禁止按钮 修改按钮内容
			// function play(){
			// 	$("#zfb").prop("disabled",true)
				
			// }
			//新的jq提供的方式,后期绑定事件
			//后期绑定事件会把前期的覆盖掉,之前写的时间就不生效了
			$("#zfb").click(function(){
				$(this).prop("disabled",true);
				$(this).text("支付宝支付-已支付,请稍后")
			});//参数是一个匿名函数
			$("#zfbrh").click(function(){
				//链式编程
				$(this).prop("disabled",true).text("支付宝二号支付-已支付,请稍后")
			})
			
			
			
			
		</script>
	</body>
</html>
